.mw-donate {
  max-width: 40em;

  form {
    width: 100%;
  }

  input[type='radio'] {
    display: none;
  }

  input[type='radio'] + label {
    display: block;
    font-size: 2em;
    font-weight: normal;
    padding: 1em;
    text-align: center;

    &:hover {
      background: hsl(0, 0%, 96%);
      border-radius: .4em;
      cursor: pointer;
    }
  }

  input[type='radio']:checked + label {
    background: hsl(0, 0%, 96%);
    border-radius: .4em;
    color: hsl(348, 100%, 61%);
  }

  .mw-donate {
    &-desc {
      color: hsl(0, 0%, 48%);
      font-size: .9em;
      margin-top: .5em;
    }

    &-form {
      > div {
        margin-top: 1rem;
      }
    }

    &-select {
      margin: 1em 0;

      > div {
        &:first-child {
          display: grid;
          grid-gap: 0 1em;
          grid-template-columns: repeat(3, 1fr);
        }
      }
    }

    &-submit {
      text-align: center;

      input {
        font-size: 1.4em;
        padding: 1em;
        text-transform: uppercase;
        width: 100%;
      }
    }
  }
}
